﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Shuttle Bus</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/home/home.css" rel="stylesheet" />
    <link href="/pages/bus24Panel/bus24Panel.css" rel="stylesheet" />
    <script src="/pages/home/home.js"></script>
    <script src="/pages/bus24Panel/bus24Panel.js"></script>
</head>
<body>
    <!-- The content that will be loaded and displayed. -->
    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Bus 24 - Villa Maria to Sherbrooke</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div id="divContainer">
                <iframe src="http://www.stm.info/bus/geomet/geo24.htm" id="map"></iframe>
                <div id="fullSch" onmouseover="onSchOver()" onmouseout="onSchOut();" ><span id="fullSchText"> View Schedule </span></div>
                <div id="busHours">
                    <div id="LeavingSGW"> Leaving SGW</div>
				        <div id="NextSGW"> Next bus:</div>
                	<div id="TimeSGW">13:15</div>
					
                    <div id="LeavingBishop"> Leaving Bishop</div>
				        <div id="NextBishop"> Next bus:</div>
                	<div id="TimeBishop">12:00</div>
                </div>


                <div id="scheduleMFHidden" class="hidden">
                    <div id="schTitleWeek">Schedule For The Week Days</div>
                </div>
                <div id="scheduleWEHidden" class="hidden">
                    <div id="schTitleWeekFr">Schedule For Friday</div>    
                </div>




                <!-- <a href="home.html"><div id="backButton" onmouseover="onBackOver();" onmouseout="onBackOut();">Back</div></a> -->
            </div>
        </section>
    </div>
</body>
</html>